<script setup lang="ts">
import {ref} from "vue";

const number = ref(10);
const ok = ref(true);
const message = ref('hello world');
const id = ref(1);
</script>

<template>
  <div>
    <h1>使用 JavaScript 表达式</h1>
    {{ number + 1 }}

    {{ ok ? 'YES' : 'NO' }}

    {{ message.split('').reverse().join('') }}

    <div :id="`list-${id}`"></div>
  </div>
</template>

<style scoped>

</style>